﻿<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/bootstrap-responsive.css" />
	<link rel="stylesheet" href="css/global.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link href="../../static/css/page.css" rel="stylesheet">
	<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-ie6.min.css">
    <![endif]-->
	<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
    <![endif]-->
	<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<![endif]-->
	<title>首页 wordpress博客主题</title>
</head>
<body>
	<section class="container-fluid">
		<header class="header">
			<div class="logo-banner">
				<hgroup class="index-logo">
					<h1><a href="">Moon's Blog</a></h1>
					<h2>Moon's BlogMoon's Blog</h2>
				</hgroup>
			</div>
			<nav>
				<div class="navbar">
					<div class="inner">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						</a>
						<div class="nav-collapse">
							<ul class="nav">
								<li class="active"><a href="#">首页</a></li>
								<li><a href="#">链接</a></li>
								<li><a href="#">链接</a></li>
								<li><a href="#">链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</header>
		<section class="body" style="background-color:#fff;">
				<div class="row-fluid">
					<div class="span8 main">
						<div class="inner">
							<section class="content">
								<article class="article">
									<!-- single article start -->
									<div class="post">
										<h2 class="title"><a href="article.html">第一篇文章第一篇文章第一篇文章第一篇文章第一篇文章</a></h2>
										<div class="desc">HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集</div>
										<div class="info cls">
											<span class="article-tag">
												<i class="icon-tags"></i>
												<a href="#">CSS3</a>
												<a href="#">bootstrap</a>
												<a href="#">html5</a>
											</span>
											<span class="other-info">By moon 2013.02.1</span>
											<span class="read-more"><a href="#" class="btn">Read More</a></span>
										</div>
										<div class="time">25 May 2013</div>
									</div>
									<!-- single article end -->
									<div class="post">
										<h2 class="title"><a href="article.html">第一篇文章第一篇文章第一篇文章第一篇文章第一篇文章</a></h2>
										<div class="desc">HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集</div>
										<div class="info cls">
											<span class="article-tag">
												<i class="icon-tags"></i>
												<a href="#">CSS3</a>
												<a href="#">bootstrap</a>
												<a href="#">html5</a>
											</span>
											<span class="other-info">By moon 2013.02.1</span>
											<span class="read-more"><a href="#" class="btn">Read More</a></span>
										</div>
										<div class="time">25 May 2013</div>
									</div>
								</article>
							</section>
							<!-- turn page start -->
							<div class="pagination">
								<ul>
									<li><a href="#">上一页</a></li>
									<li class="active">
										<a href="#">1</a>
									</li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">下一页</a></li>
								</ul>
							</div>
							<!-- turn page end -->
						</div>
					</div>
					<div class="span4 aside">
						<div class="inner">
							<!-- search start -->
							<section class="search cls">
								<form action="#" method="post">
									<input class="search-ipt" type="text" name="k" id="" placeholder="请输入关键词..." />
									<input class="btn" type="submit" value="搜索" />
								</form>
							</section>
							<!-- search end -->	
							<section class="sns">
								<h3 class="title"><span>SNS</span></h3>
								<div class="sns-iframe">
									<iframe width="100%" height="650" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=650&fansRow=1&ptype=1&speed=0&skin=5&isTitle=0&noborder=0&isWeibo=1&isFans=1&uid=2158496600&verifier=09b28210&colors=8FC400,ffffff,666666,0082cb,fff&dpc=1"></iframe>
								</div>	
							</section>
							<section class="recent">
								<h3 class="title"><span>RECENT POSTS</span></h3>
								<ul class="article-list">
									<li><a href="#">HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本</a></li>
								</ul>
							</section>
						</div>
					</div>
				</div>
		</section>
		<!-- footer start -->
		<section class="footer">
			<div class="row-fluid">
				<div class="span4">
					<div class="inner">
						<h3 class="title">TAGS</h3>
						<div class="tags cls">
							<a href="#">CSS3</a>
							<a href="#">bootstrap</a>
							<a href="#">html5</a>
							<a href="#">jquery</a>
							<a href="#">javascript</a>
							<a href="#">less</a>
							<a href="#">jquery插件</a>
							<a href="#">responsive</a>
							<a href="#">php</a>
							<a href="#">c</a>
						</div>
					</div>
				</div>
				<div class="span4">
					<div class="inner">
						<h3 class="title">ABOUT</h3>
						<div class="about cls">
							<img src="img/avatar.jpg" alt="" width="80" height="80"/></dt>
							<p>微博：@xxx</p>
							<p>出生年月：1991年4月</p>
							<p>现就读于：xxxx</p>
							<p><a href="http://wordpress.org/" rel="nofollow" title="Powered by WordPress">WordPress</a>, Theme designed by <a href="#">Moon</a></p>
						</div>
					</div>
				</div>
				<div class="span4">
					<div class="inner">
						<h3 class="title">LINKS</h3>
						<div class="links">
							<ul class="link-list cls">
								<li><a href="#">友情链接</a></li>
								<li><a href="#">友情链接</a></li>
								<li><a href="#">友情链接</a></li>
								<li><a href="#">友情链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 返回顶部 -->
			<div class="back-to-top"><a href="javascript:;"></a></div>
		</section>
		<!-- footer end -->
	</section>
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/common.js"></script>
    <script src="../../static/js/page.js"></script>
	<!--[if lte IE 6]>
    <script type="text/javascript" src="js/bootstrap-ie.js"></script>
    <![endif]-->
    <script src="http://s11.cnzz.com/stat.php?id=5886804&web_id=5886804&show=pic1" language="JavaScript"></script>
</body>
</html>